5.3.3 APPX Application Design Manual

+ Chapter 1-1: Overview of Application Design
+ Chapter 1-2: Getting Started
+ Chapter 1-3: Data Dictionary
+ Chapter 1-4: Understanding Process Design
+ Chapter 1-5: Interprocess Communication
+ Chapter 1-6: Customizing Your Application
+ Chapter 1-7: The Documentation Facility
+ Chapter 1-8: Application Design Tools
+ Chapter 2-1: Data Dictionary Overview
+ Chapter 2-2: Data Dictionary Concepts
+ Chapter 2-3: Domains
+ Chapter 2-4: Files and Fields
+ Chapter 2-5: Work Fields
+ Chapter 3-1: Overview of APPX Processes
+ Chapter 3-2: Getting Started
+ Chapter 3-3: Process Definition
+ Chapter 3-4: Menu Processes
+ Chapter 3-5: Job Processes
+ Chapter 3-6: Input Processes
+ Chapter 3-7: Output Processes
+ Chapter 3-8: Update Processes
+ Chapter 3-9: Query Processes
+ Chapter 3-10: Inquiry Processes
+ Chapter 3-11: Status Processes
+ Chapter 3-12: Subroutine Processes
+ Chapter 3-13: Table Processes
+ Chapter 3-14: Automatic and Optional Children
+ Chapter 3-15: Using the Image Editor
- Chapter 3-16: Using GUI Features of the Image Editor
+ Chapter 3-17: Using Event Points
+ Chapter 4-1: ILF Integration
+ Chapter 4-2: True/False Status Indicators
+ Chapter 4-3: Specifying Statements
+ Chapter 4-4: The ILF Editor
+ Chapter 4-5: The Appx ILF Debugger
+ Chapter 4-6: ILF Keyword Reference
+ Chapter 4-7: Predefined Fields
+ Chapter 4-8: Runtime Subroutine's and Predefined Processes
+ Chapter 4-9: Appx Chart Director API

Chapter 3-16: Using GUI Features of the Image Editor

Defining Graphical Attributes for Image Fields

Image fields can also be displayed with a variety of graphical attributes. You can use a variety of Widgets to represent certain field types. You can also display the contents of a field using different fonts, font styles, colors, and other attributes.

From the Edit Item overlay, you select the GUI Attributes option to display the GUI Attributes overlay used to define the GUI Attributes. There are several different overlays, one for each field type defined in the data dictionary. Common to each is the Control field. The type of Control which can be selected is directly associated with the type of field that was placed on the image. Once a Control is selected, the appropriate fields will open for further refinement. Most of these attribute settings can be set dynamically using ILF coding techniques and the --- WIDGET file.

Alpha Item:

Contol Type can be BUTTON, LABEL, PICTURE, RAW TEXT, LISTBOX, PASSWORD, FILE CHOOSER, or COLOR CHOOSER.

Graphical Attributes Overlay For Alpha Item

Text Item:

Contol Type can be LABEL, RAW TEXT,TEXT AREA, HTML VIEWER, RTF VIEWER, CODE VIEWER, HTML EDITOR, FLASH PLAYER, MEDIA PLAYER, or WEB BROWSER.

Graphical Attributes Overlay For Text Items

Numeric Item:

Contol Type can be LABEL, RAW TEXT, SLIDER, or PROGRESS BAR.

Graphical Attributes Overlay For Numeric Items

Date Item:

Contol Type can be LABEL, RAW TEXT, or CALENDAR/CLOCK.

Graphical Attributes Overlay For Date Items

Logic Item:

Contol Type can be LABEL, RAW TEXT, CHECK BOX, or TOGGLE BUTTON.

Graphical Attributes Overlay For Logic Items

Token Item:

Contol Type can be LABEL, RAW TEXT, or LIST BOX.

Graphical Attributes Overlay For Token Items

Table Item:

There are no Contol Types currently associated with the Table Widget.

Graphical Attributes Overlay For Table Items

Window Properties:

There are no Contol Types currently associated with Window Properties.

Graphical Attributes Overlay For Window Properties.

Global Window Properties:

There are no Contol Types currently associated with the Global Window Properties.

Graphical Attributes Overlay For Global Window Properties

Some or all of these fields can be defined on the overlay depending on the type of field you are defining attributes for:

Control indicates the graphical representation of this field. Choices vary by field type but can include:

Button to display an option button on the screen.

Label to display descriptive information.

Picture to display images.

Raw Text to indicate no graphical representation.

Calendar/Clock to allow the user to select a date from a calendar.

List Box to list allowable value for the field.

Password to display redacted characters as they are typed.

File Chooser to display the desktop file system allowing the user to select a previous stored file.

Color Chooser to select colors from the desktop pallet.

Slider to display a slider bar for setting a variable.

Progress Bar to show the user the progress of running a process.

Text Area to provide a two dimensional box to enter text with word wrapping.

Check Box to display logic fields as a checkbox that toggles from 'yes' to 'no' and, optionally, to "unknown" (if entry is not required), (Y, N or blank using Character Mode).

Toggle Button to display logic fields as a button that toggles from 'yes' to 'no' "unknown" is treated as a 'no').

HTML Viewer to display text fields in a scrolling edit box.

RTF Viewer to display text fields in a scrolling edit box.

CODE VIEWER can be used to display various types of source code (javascript, PHP, etc.) with syntax highlighting.

HTML EDITOR allows HTML text to be edited and saved in a TEXT field using a WYSIWYG editor (CKEDITOR).

FLASH PLAYER This control can be used to play a Flash file.

MEDIA PLAYER can be used to play a media file.

WEB BROWSER is a full-featured web browser.

Control Options are described in the Image Field Control Options section.

Font Options are described in the Image Field Font Options section.

Border Options are described in the Image Field Border Options section.

Other Options are described in the Image Field Other Options section.

Tab Order Options are described in the Image Field Tab Order Options section.

Micro Adjustments -- Row, Col, Height and Width are entered as a percentage of an image cell (1 row x 1 column) and must be less than or equal to 100. These fields can be used to make slight adjustments to the size and position of the data object.

Name is the name assigned to the GUI Attributes for this item and can be used to access the attributes at runtime as described below. You can then control the GUI object with ILF code so that, for example, certain selections could be disabled by user ID.

Access to the GUI attributes at runtime with ILF code is done via the --- WIDGET file. The WIDGET records from the process are copied into this file and are available in the Pre-Display event point. WIDGET NAME is a key to this file and can be set to the value specified in Name. You can read and rewrite records in this file to affect the GUI attributes at runtime.

Application Design Manual                                         "Powered by Appx Software"

1299

©2006 By APPX Software, Inc. All Rights Reserved